<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<style>
		*{padding:0;margin:0;}
		.box{
			 width: 1260px;
			 height: 472px;
			 margin:30px auto;
			
			 position: relative;

		}
		.nav{
				height: 63px;
				width: 960px;
				background-color: #313131;
				position: absolute;
				margin-left:620px;
				left:-480px;
				bottom:0px;

		}
		
		ul li{
			 list-style: none;
			 height: 63px;
			 width:160px;
			 line-height: 63px;
			 float:left;
			 text-align:center;
		}

		li a{
			 font-size: 20px;
			 text-decoration: none;
			 text-align: center;
			 color: white;
			 height: 63px;
			 width:160px;
			 display: inline-block;
			 
		}
		li a:hover{
			 background-color: white;
			 color: black;
		}

	</style>
</head>
<body>
	

	   <div class="box">
	   	  <img src="sf.png">
          
          <div class="nav">
          	   <ul>
          	   	 <li><a href="#">运单查询</a></li>
          	   	 <li><a href="#">运费查询</a></li>
          	   	 <li><a href="#">时效查询</a></li>
          	   	 <li><a href="#">服务网点查询</a></li>
          	   	 <li><a href="#">收送范围查询</a></li>
          	   	 <li><a href="#">客户专区</a></li>
          	   </ul>
          </div>
	   </div>
                                                                            
</body>
</html>